<!DOCTYPE html> 
<html> 
  <head> 
    <title>quick history</title> 
    <meta charset="utf-8"> 
    <style> 
    body { 
      overflow: hidden; 
      margin: 0px; 
      padding: 0px; 
      background: #ffffff; 
      width: 400px; 
    } 
    ul,li{padding: 0;margin: 0;border:none;list-style: none;} 
    li{padding: 0 10px; line-height: 30px; overflow: hidden;transition: all 0.2s;} 
    li span{width: 100px;display:block;float:right;color: #888; text-align: right;} 
    li a{ 
        border-radius: 3px; 
        color: #333; 
        display: block; 
        width: 280px;; 
        text-decoration:none; 
        white-space:nowrap; 
        float: left; 
        background:none; 
        text-overflow:ellipsis; 
        -o-text-overflow:ellipsis; 
        overflow:hidden; 
    } 
    li:hover{ 
        background: #F0F5FB;; 
    } 
    </style> 
<script type="text/javascript" src="jquery.min.js"></script> 
    <script src="popup.js"></script> 
  </head> 
  <body> 
<ul id="history"> 


</ul> 
  </body> 
</html> 